<style>
    body{
        overflow-y: auto;
    }
    .layout-panel-north > .panel-header{
        height: 28px;
        padding: 0;
    }
    .layout-panel-north > .panel-header > .panel-tool{
        height: 22px;
        margin-top: -11px;
    }
    .layout-panel-north > .panel-header > .panel-title{
        height: 28px;
        line-height: 28px;
        margin-left: 5px;
    }
    .layout-panel-north > .panel-header  .layout-button-up{
        margin-top: 3px;
    }
</style>
<table style="width: 100%;height: 100%">
    <tr style="height:67px;" id="xh_crumb">
        <td valign="top">
            <ul class="breadcrumb">
                <li><i class="fa fa-home fa-lg"></i> 主页</li>
                <li>应用统计</li>
                <li>统计总表（{{ appName }}）</li>
            </ul>
        </td>
    </tr>
    <tr style="height:100%;" >
        <td>
            <div id="lay_list" class="easyui-layout"  style="width: 100%;height: 100%;background-color: #f5f5f5;">
                <div data-options="region:'north',height:330,title:'应用使用走势/占比（默认前十）',collapsed:true,tools:'#tt'">
                    <div id="lay_chart" class="easyui-layout"  style="width: 100%;height: 100%;">
                        <div data-options="region:'center',border:false">
                            <div id="chart" style="width: 100%;height:300px;"></div>
                        </div>
                        <div data-options="region:'east',height:300,width:400,collapsible:false,border:false" style="overflow: hidden;">
                            <div id="chart_trend" style="width: 100%;height:300px;"></div>
                        </div>
                    </div>
                </div>
                <div data-options="region:'center',border:false" class="xh-datagrid" style="overflow-y: hidden">
                    {{ List }}
                </div>
            </div>
        </td>
    </tr>
</table>
<div id="tt">
    <select id="period" name="period" style="width:100px;">
        <option value="">天</option>
        <option value="week">周</option>
        <option value="month">月</option>
        <option value="quarter">季度</option>
        <option value="year">年</option>
    </select>
</div>
